<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="pragma" content="no-cache" />

<title>Laws</title>

<link rel="stylesheet" type="text/css" href="../../css/style.css"></link>
<script type="text/javascript" src="../../js/jquery.js"></script>
<script type="text/javascript" src="../../js/interface.js"></script>
<script type="text/javascript">
$(document).ready(
	function() {
		$('#dock').Fisheye({
			maxWidth: 50,
			items: 'a',
			itemsText: 'span',
			container: '#dock-container',
			itemWidth: 40,
			proximity: 90,
			halign : 'center'
		})
	}
);
</script>
</head>
<body>
<div id="header">
	<em>Laws</em>
	<span id="dock">
		<span id="dock-container">
			<a id="dock-item" href="#"><img src="../../images/home.png" alt="home" /><span>Home</span></a>
			<a id="dock-item" href="#"><img src="../../images/email.png" alt="contact" /><span>Contact</span></a>
			<a id="dock-item" href="#"><img src="../../images/portfolio.png" alt="portfolio" /><span>Portfolio</span></a>
			<a id="dock-item" href="#"><img src="../../images/music.png" alt="music" /><span>Music</span></a>
			<a id="dock-item" href="#"><img src="../../images/video.png" alt="video" /><span>Video</span></a>
			<a id="dock-item" href="#"><img src="../../images/history.png" alt="history" /><span>History</span></a>
			<a id="dock-item" href="#"><img src="../../images/calendar.png" alt="calendar" /><span>Calendar</span></a>
			<a id="dock-item" href="#"><img src="../../images/rss.png" alt="rss" /><span>RSS</span></a>
		</span>
	</span>
</div>
</body>
</html>